<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <title></title>
    <script src="static/jquery/jquery-3.1.0.min.js"></script>
</head>
<body>
<p> this is an paragraph</p>
<button onclick="appendText()">append text</button>
</body>
<script>
function appendText() {
        var text1 = "<p> text1-html</p>";   //使用html标签创建文本
        var text2 = $("<p></p>").text("text2-jquery"); //使用jQuery创建文本
        var text3 = document.createElement("p");
        text3.innerHTML="text-DOM";     //使用DOM 创建文本
        $("body").append(text1,text2,text3); // 追加元素
    }
</script>
</html>